<th:block th:fragment="frag(app)">
	<section class="content">
		<!-- row -->
		<div class="row">
			<div class="col-md-12">
				<!-- The time line -->
				<ul class="timeline">
					<!-- timeline time label -->
					<li class="time-label" th:if="${app.data.get('logs')}">
						<span class="bg-blue">
                    		<span class="fa fa-minus pull-right btn btn-xs" data-app-togglelog></span>流程日志
						</span>
					</li>
					<!-- /.timeline-label -->
					<!-- timeline item -->
					<li th:each="log : ${app.data.get('logs')}" data-app-log>
						<i class="fa fa-user bg-blue-active" th:if="${log.operation == 1}"></i>
						<i class="fa fa-thumbs-up bg-green" th:if="${log.operation == 2}"></i>
						<i class="fa fa-thumbs-down bg-yellow" th:if="${log.operation == 3}"></i>
						<i class="fa fa-thumbs-down bg-red" th:if="${log.operation == 4}"></i>

						<div class="timeline-item" th:with="form=${log.data.get('form')}">
							<span class="time"><i class="fa fa-cog"></i><span th:text="${' ' + (logStat.index + 1)}"></span></span>
							<h3 class="timeline-header">
								<a href="#" th:text="${form.name}"></a>
								<span th:text="${' ' + log.name}"></span>
							</h3>
							<div class="timeline-body">
								<th:block th:include="meta/form :: frag (${form})"></th:block>
							</div>
						</div>
					</li>
					<!-- timeline time label -->
					<li class="time-label">
						<span class="bg-blue" th:if="${app.data.get('currentTask')}">
							<span class="fa fa-plus pull-right btn btn-xs" data-app-toggletask></span>
							当前任务
						</span>
						<th:block th:unless="${app.data.get('currentTask')}">
							<span class="bg-yellow">
								<span class="fa fa-plus pull-right btn btn-xs" data-app-toggletask></span>
								没有任务
							</span>
							<span class="text-yellow">流程已经结束或者您没有处理的权限</span>
						</th:block>
					</li>
					<!-- /.timeline-label -->
					<!-- timeline item -->
					<li th:each="task : ${app.tasks}" th:data-app-taskactive="${app.data.get('currentTask') == task}" th:class="${app.data.get('currentTask') == task ? '' : 'hidden'}">
						<i class="fa fa-user bg-blue" th:if="${task.review == 0}"></i>
						<i class="fa fa-thumbs-up bg-blue" th:if="${task.review == 1}"></i>
						<div class="timeline-item">
							<span class="time"><i class="fa fa-cog"></i><span th:text="${' ' + (taskStat.index + 1)}"></span></span>
							<h3 class="timeline-header"><a href="#" th:text="${task.formView.name}"></a> <span></span></h3>
							<th:block th:if="${app.data.get('currentTask') == task}">
								<th:block th:include="meta/form :: frag (${task.formView})"></th:block>
							</th:block>
						</div>
					</li>
					<!-- END timeline item -->
					<!-- END timeline item -->
					<li>
						<i class="fa fa-star bg-gray"></i>
					</li>
				</ul>
			</div>
			<!-- /.col -->
		</div>
		<!-- /.row -->
	</section>
</th:block>